{% extends "cover_layout.html" %}
{% block content %}

    <div class="d-flex w-100 h-100 mx-auto flex-column">
        <header class="masthead mb-auto">
            <div class="navbar navbar-dark bg-dark shadow-sm">
                <div class="container d-flex justify-content-between">
                    <a href='{{ url_for('welcome') }}' class="navbar-brand d-flex align-items-center" style="color: #000;">
                        <img src="static/logo_empty.png" width="20" height="20" class="mr-2">
                        <strong>Tagto</strong>
                    </a>
                    <nav class="nav nav-masthead justify-content-center">
                        <a class="nav-link active" href="#">欢迎</a>
                        <a class="nav-link" href='{{ url_for('intro') }}'>功能介绍</a>
                        <a class="nav-link" href='{{ url_for('view_the_log') }}'>日志系统</a>
                        {% if current_user.is_authenticated %}
                            <a class="nav-link" href='{{ url_for('home') }}'>主页</a>
                            <a class="nav-link" href='{{ url_for('logout') }}'>退出</a>
                        {% else %}
                            <a class="nav-link" href='{{ url_for('explore') }}'>探索</a>
                            <a class="nav-link" href='{{ url_for('login') }}'>登陆</a>
                        {% endif %}
                    </nav>
                </div>
            </div>
        </header>
        <main role="main" class="inner cover container" style="max-width: 65%;">
            <small><p class="lead text-muted" style="color: rgba(255, 255, 255, 0.8) !important;">基于 Python 的 Flask Web App</small>
            <h1 class="cover-heading">Tagto - 智能图片社交平台</h1>
            <p class="lead text-muted mt-4" style="color: rgba(255, 255, 255, 0.8) !important;">Tagto，即 Tag + Photo ，是一款智能图片社交 App 。能够通过智能 API 分析你所分享图片的内容，并主动给出图片标签。在现有的图片社交的基础上增添了智能标签功能，丰富了社交图片的展示和聚合功能，让你从容面对社交。</p>
            <p class="lead">
                {% if current_user.is_authenticated %}
                    <a class="btn btn-lg btn-secondary" href='{{ url_for('home') }}'>进入主页</a>
                {% else %}
                    <a class="btn btn-lg btn-secondary" href='{{ url_for('register') }}'>加入我们</a>
                {% endif %}
            </p>
        </main>
        <footer class="mastfoot mt-auto" style="padding-top: 0px; padding-bottom: 1.5rem;">
            <div class="inner">
                <p>页面模版来自 <a href="https://getbootstrap.com/">Bootstrap</a> ，由 <a href="https://github.com/DilunZhu">@DilunZhu</a> 进行修改。</p>
            </div>
        </footer>
    </div>

{% endblock content %}
